<template>
  <div class="resetPwd-container">
     <div class="resetPwd-form">
        <el-row>
        <div class="tittle">
         <h3 class="title">
             重置密码
         </h3>
        为了信息安全，第一次登录或找回密码时，需要您重置登录密码。
        </div>
          <div style="margin-top: 15px;" class="psswd">
          <el-input name="psswd" type="text"  autoComplete="on" placeholder="请输入密码"></el-input>
          </div>
          <div style="margin-top: 15px;" class="againPsswd">
          <el-input name="againPsswd" type="text"  autoComplete="on" placeholder="请再次输入密码"></el-input>
          </div>
          <div class="buttn">
          <el-button type="primary"   @click.native.prevent="handleValid">
             确定
        </el-button>
          </div>
        
        </el-row>
      </div>
  </div>
</template> 
<<script>
export default {
  data(){
    return {
  
    }
  },
  methods :{
       handleValid(){
         this.$router.push({
					path:'/resetPwdSucess'
				});
       }
  }
}
</script>




<style rel="stylesheet/scss" lang="scss">
@import "src/styles/mixin.scss";    
     .resetPwd-container {
    
      height: 100vh;
      background-color: #2d3a4b;
      input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #293444 inset !important;
        -webkit-text-fill-color: #fff !important;
        }
      }
     .resetPwd-form {
        box-sizing:content-box;
        position: absolute;
        left: 0;
        right: 0;
        width: 300px;
        padding: 35px 135px 35px 135px;
        margin: 120px auto;
        border:2px solid #fff
      }
      .title {
        font-size: 30px;
        font-weight: 500px;
        color: #000000;
        margin: 0px auto 40px auto;
        text-align: center;
        font-weight: bold;
      }
      .psswd{
          margin-top: 15px;
          width :100%;
        }
        .buttn{
          margin-top: 15px; 
          text-align:center
        }
      .tittle{
        width:100%;
        float: center;
        }
 </style>